<template>
  <div
    :class="[select_empty_border_cla]"
    :id="select_empty_border_id + id_split + props.id"
  >
    <!-- 用于 接收 节点 值 -->
    <keyVal_node :for_form="props.form" :id="props.id"></keyVal_node>
    <div
      :class="[select_empty_view_selected_cla, css_wind_light]"
      :id="select_empty_view_selected_id + id_split + props.id"
    >
      {{ select_empty_view_default_tag }}
    </div>
    <div
      :class="[select_empty_content_cla, css_disnone]"
      :id="select_empty_content_id + id_split + props.id"
    >
      <slot></slot>
    </div>
  </div>
</template>

<script setup>
import './select_empty.css';
import { onMounted } from 'vue';
import {
  css_disnone,
  css_wind_light,
  id_split,
} from '../../DataDefine/sourceData';
import {
  select_empty_border_cla,
  select_empty_border_id,
  select_empty_content_cla,
  select_empty_content_id,
  select_empty_view_default_tag,
  select_empty_view_selected_cla,
  select_empty_view_selected_id,
} from './DataDefine/sourceData';
import { init_se } from './select_empty';
let props = defineProps({
  id: String,
  form: String,
});
onMounted(() => {
  init_se(props);
});
</script>

<style scoped lang="scss"></style>

<style></style>
